<template>
	<view>
		<view class="" style="background-color: #FFA400;">
			<view class="VCode" style="">
				<label for="" style="margin-left: 30rpx;font-size: 32rpx;">头像</label>
				<image src="../../../../static/img/1.png" class="avator" mode=""></image>
				<img src="@/static/img/right.png" alt=""
				class="arrow"
				style="top: 30rpx;"
				@tap="jump('protocol')"/>
			</view>
		</view>
		
		<view class="info">
			<view class="VCode">
				<label for="" style="margin-left: 30rpx;font-size: 32rpx;">姓名</label>
				<text class="text">罗晓晨</text>
				<img src="@/static/img/right.png" alt=""
				class="arrow"
				style="top: 159rpx;"
				@tap="jump('changeName')"/>
			</view>
			<view class="VCode">
				<label for="" style="margin-left: 30rpx;font-size: 32rpx;">手机号</label>
				<text class="text">13344445555</text>
				<img src="@/static/img/right.png" alt=""
				class="arrow"
				style="top: 258rpx;"
				@tap="jump('changeTel')"/>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			jump(text){
				uni.navigateTo({
					url:`/pages/my/Setup/information/${text}/${text}`
				})
			},
		}
	}
</script>

<style>
page{
	background-color: #F7F7F7;
}	
	
.VCode{
	display: flex;
	width: 100%;
	height: 99rpx;
	line-height: 99rpx;
	background-color: white;
	border-top-right-radius: 31rpx;
	border-top-left-radius: 31rpx;
}

.avator{
	width: 64rpx;
	height: 64rpx;
	border-radius: 50%;
	position: absolute;
	top: 17rpx;
	right:105rpx;
}

.arrow{
	width: 40rpx;
	height: 40rpx;
	position: absolute;
	right: 40rpx;
}

.info{
	margin-top: 30rpx;
}
.text{
	position: absolute;
	right: 92rpx;
}
</style>
